<%--
  Created by IntelliJ IDEA.
  User: 83429
  Date: 2021/11/10
  Time: 15:56
  To change this template use File | Settings | File Templates.
--%>
<!DOCTYPE html>
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<html>
<head>
    <meta charset="utf-8">
    <!—移动设备优先 -->
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- Bootstrap4核心CSS文件 -->
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
    <!-- 用于弹窗、提示、下拉菜单的popper.min.js -->
    <script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
    <!-- Bootstrap4 核心 JavaScript 文件 -->
    <script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
</head>
<body>
    <table class="table table-striped table-bordered table-hover">
        <thead>
            <tr>
                <td>编号</td>
                <td>姓名</td>
            </tr>
        </thead>
        <tbody>
        <% for(int i=1;i<7;i++){%>
            <tr>
                <td>U00+i</td>
                <td>Jack</td>
            </tr>
        <%}%>
        </tbody>
    </table>

    <from role="from" class="from-horizontal">
        <div class="form-group">
            <label for="email" class="control-label col-2">Email:</label>
            <div class="col-sm-10">
                <input type="text" id="email" class="form-control" name="email" placeholder="Email">
            </div>
        </div>
        <div class="form-group">
            <label for="name" class="control-label col-sm-2">Name:</label>
            <div class="col-sm-10">
                <input type="text" id="name" class="form-control" name="name" placeholder="Enter Name">
            </div>
        </div>
        <input type="button" class="btn btn-default col-sm-offset-2" value="提交">
    </from>
    <form role="form" class="form-horizontal">
        <div class="form-group">
            <label for="email" class="control-label col-sm-2">Email:</label>
            <div class="col-sm-10">
                <input type="text" id="email" class="form-control" name="email" placeholder="Email">
            </div>
        </div>
        <div class="form-group">
            <label for="name" class="control-label col-sm-2">Name:</label>
            <div class="col-sm-10">
                <input type="text" id="name" class="form-control" name="name" placeholder="Enter Name">
            </div>
        </div>
        <input type="button" class="btn btn-default col-sm-offset-2" value="提交">
    </form>
    Hello BootStrap
</body>
</html>
